<template>
	<div class="box">
		
		<!--头部-->
		<my-header :title="'我的消息'" :hasTitle="true" :hasBack="true" ></my-header>
		<!--<div style="height:3rem;"></div>-->
		<div class="centent" >
				<!--消息数据是空的-->
		    	<!--消息列表-->
			<ul class="message_list m-message-list" v-if="myData && myData.length">
					<!-- v-show="item.status !== 1 && item.status !== 3" -->
				<div v-for="(item, index) in myData" :key="index">
	
					<div class="release_time"><span>{{item.publishTmStr}}</span></div>
					<router-link :to="{ path:'messageDetail', query:{newsId: item.rid}}">
					<li style="text-align: left;">
						<h2>{{item.title}}</h2>	
						<img :src="item.imgUrl"/>
						<h2><em class="aui-text-danger aui-padded-l-10" v-show="item.status != 2">NEW!</em></h2>
						<!-- <p v-html="item.content">{{item.content}}</p> -->
					</li>
					</router-link>
				</div>
			</ul>
			<div class="no_data" v-else>
			    <img src="static/image/no_order.png"/>
			    <p>暂无消息~</p>
			    <!-- <div class="back_home aui-btn aui-btn-outlined" @click.stop="goHome">逛逛首页</div> -->
			</div>
		</div>
		<!--<pass-word></pass-word>-->
	</div>
</template>
<script>
	 import MyHeader from "../../real-containers/header";
//	 import passWord from "../password";
     export default {
     	props: ['myData'],
        components:{
        	'my-header':MyHeader,
//      	"passWord":passWord
        },
        data () {
            return {
                flag:false
            }
		},
		
     }
</script>
<style scoped>
    .my-header{
        position: static;
        width: 100%;
    }
    .centent{
    	flex: 1;
   		overflow-y: auto;
   		width: 100%;
    }
    .box{
    	width: 100%;
	    height: 100%;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: space-between;
    }
    .aui-padded-l-10{
    	padding-left: 0 !important;
    }
</style>